.head{
		width: 100%;
		height: 598rpx;
		position: relative;
		.index-title{
			font-size: 32rpx;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 44rpx;
			text-align: center;
			padding-top: 62rpx;
			padding-bottom: 42rpx;
		}
		.head-bg{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 598rpx;
			z-index: -10;
		}
		.cont{
			margin: 0 20rpx;
			// padding-top: 148rpx;
			color: #FFFFFF;
			.location{
				display: flex;
				align-items: center;
				height: 40rpx;
				.dingwei{
					font-size: 30rpx;
				}
				.xiajiantou{
					width: 20rpx;
					height: 12rpx;
				}
				.text{
					font-size: 28rpx;
					font-weight: 500;
					color: #FFFFFF;
					padding: 0 12rpx;
				}
			}
			.search{
				width: 100%;
				height: 80rpx;
				background: #FFFFFF;
				border-radius: 4rpx;
				padding: 0 30rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 22rpx;
				input{
					height: 80rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #CCCCCC;
					line-height: 80rpx;
					width: 570rpx;
				}
				.placeholder{
					font-size: 28rpx;
					font-weight: 400;
					color: #CCCCCC;
				}
				image{
					width: 44rpx;
					height: 44rpx;
				}
			}
			.countdown-share{
				display: flex;
				justify-content: space-between;
				margin-top: 32rpx;
				.countdown{
					.days{
						font-size: 60rpx;
						font-weight: 600;
						color: #FFFFFF;
						line-height: 84rpx;
					}
					.text{
						height: 40rpx;
						font-size: 28rpx;
						font-weight: 400;
						color: #F7F1F1;
						line-height: 40rpx;
						letter-spacing:5rpx
					}
				}
				.share{
					width: 130rpx;
					height: 60rpx;
					background: #E84C33;
					border-radius: 34rpx;
					opacity: 0.92;
					display: flex;
					justify-content: center;
					align-items: center;
					image{
						width: 32rpx;
						height: 32rpx;
					}
					.text{
						font-size: 28rpx;
						font-weight: 500;
						color: #FFFFFF;
						padding-left: 10rpx;
					}
				}
			}
			.des{
				width: 360rpx;
				height: 92rpx;
				font-size: 36rpx;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 46rpx;
			}
		}
	}
	.notice-wrap{
		border-left: solid 20rpx #F9F9F9;
		border-right: solid 20rpx #F9F9F9;
		border-top: solid 20rpx #F9F9F9;
		border-bottom: solid 10rpx #F9F9F9;
		position: relative;
		width: 750rpx;
		height: 110rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #512212;
		padding-left: 72rpx;
		padding-right: 10rpx;
		.notice-bg{
			width: 710rpx;
			height: 80rpx;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -10;
		}
		.notice{
			height: 80rpx;
			line-height: 80rpx;
			width: 100%;
			//超过一行省略号
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	}
	// 导航
	.nav-wrap{
		padding: 0 30rpx;
		border-left: solid 20rpx #F9F9F9;
		border-right: solid 20rpx #F9F9F9;
		border-top: solid 20rpx #F9F9F9;
		border-bottom: solid 10rpx #F9F9F9;
		border-radius:32rpx !important;
		.nav{
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 200rpx;
			.item{
				text-align: center;
				image{
					width: 84rpx;
					height: 84rpx;
				}
				.text{
					width: 122rpx;
					height: 40rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #333333;
					line-height: 40rpx;
				}
			}
		}
	}
	// 智能推荐/新高考选择
	.recommend-select{
		display: flex;
		justify-content: space-between;
		height: 128rpx;
		border-left: solid 20rpx #F9F9F9;
		border-right: solid 20rpx #F9F9F9;
		border-top: solid 10rpx #F9F9F9;
		border-bottom: solid 10rpx #F9F9F9;
		background: #F9F9F9;
		.recommend{
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 128rpx;
			width: 355rpx;
			border-radius: 32rpx;
			background: #fff;
			border-right: solid 10rpx #F9F9F9;
			padding-left: 22rpx;
			padding-right: 14rpx;
			.lf{
				.h1{
					height: 40rpx;
					font-size: 28rpx;
					font-weight: 600;
					color: #333333;
					line-height: 40rpx;
				}
				.text{
					font-size: 24rpx;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
				}
			}
			.rt{
				width: 86rpx;
				height: 82rpx;
				image{
					width: 86rpx;
					height: 82rpx;
				}
			}
		}
		.select{
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 128rpx;
			width: 355rpx;
			border-radius: 32rpx;
			background: #fff;
			padding-right: 14rpx;
			padding-left: 22rpx;
			border-left: solid 10rpx #F9F9F9;
			.lf{
				.h1{
					height: 40rpx;
					font-size: 28rpx;
					font-weight: 600;
					color: #333333;
					line-height: 40rpx;
				}
				.text{
					font-size: 24rpx;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
				}
			}
			.rt{
				width: 92rpx;
				height: 82rpx;
				image{
					width: 92rpx;
					height: 82rpx;
				}
			}
		}
	}
	// 高考月历
	.calendar{
		border-left: solid 20rpx #F9F9F9;
		border-right: solid 20rpx #F9F9F9;
		border-top: solid 10rpx #F9F9F9;
		border-bottom: solid 10rpx #F9F9F9;
		display: flex;
		justify-content: space-between;
		padding: 20rpx;
		.lf{
			width: 104rpx;
			height: 88rpx;
			background: #FF494E;
			border-radius: 12rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			.text{
				color: #fff;
				width: 70rpx;
				view{
					line-height: 36rpx;
				}
			}
		}
		.md{
			width: 480rpx;
			padding-top: 6rpx;
			.title{
				height: 40rpx;
				font-size: 28rpx;
				font-weight: 600;
				color: #333333;
				line-height: 40rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.time{
				height: 34rpx;
				font-size: 24rpx;
				font-weight: 500;
				color: #999999;
				line-height: 34rpx;
			}
		}
		.rt{
			height: 34rpx;
			font-size: 26rpx;
			font-weight: 400;
			color: #333333;
			line-height: 34rpx;
			padding-top: 6rpx;
		}
	}
	// 高考资讯
	.information-wrap{
		.title{
			display: flex;
			justify-content: space-between;
			border-top: solid 20rpx #F9F9F9;
			background: #F9F9F9;
			padding: 20rpx;
			.lf{
				height: 66rpx;
				font-size: 48rpx;
				font-weight: 600;
				color: #333333;
				line-height: 66rpx;
				width: 80%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.rt{
				height: 36rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #333333;
				line-height: 36rpx;
				padding-right: 20rpx;
			}
		}
		.tab-wrap{
			.end-title{
				display: flex;
				justify-content: space-between;
				background: #FFFFFF;
				font-size: 30rpx;
				font-weight: 600;
				color: #666666;
				padding: 0 20rpx;
			}
			.end-title view{
			    text-align: center;
				line-height: 100rpx;
				position: relative;
			}
			.on{
			    color: #E84C33;
			}
			.on:after {
			position: absolute;
			left: 0px;
			bottom: 0;
			width: 100%;
			height: 10rpx;
			background: #E84C33;
			border-radius: 10rpx;
			content: '';
			}
			.dis{
			    display: block;
			} 
			.tab-cont{
				.information-list{
					.item{
						display: flex;
						justify-content: space-between;
						padding: 32rpx 20rpx;
						background: #fff;
						.lf{
							width: 218rpx;
							height: 152rpx;
							.img{
								width: 100%;
								height: 100%;
							}
						}
						.rt{
							width: 474rpx;
							.title{
								padding: 0;
								border-top:none;
								background: #fff;
								height: 78rpx;
								font-size: 28rpx;
								font-weight: 600;
								color: #333333;
								line-height: 40rpx;
								overflow: hidden;
								text-overflow: ellipsis;
								display: box;
								display: -webkit-box;
								-webkit-line-clamp: 2;
								-webkit-box-orient: vertical;
							}
							.time{
								height: 34rpx;
								font-size: 24rpx;
								font-weight: 400;
								color: #999999;
								line-height: 34rpx;
								padding-top: 32rpx;
							}
						}
					}
					.item:not(:last-child){
						border-bottom: solid 2rpx #f5f5f5;
					}
				}
			}
		}
	}